<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
  {{message}}
  <ul>
<!-- 1.在遍历过程中，没有使用索引值   -->
    <li v-for="item in names">{{item}}</li>
<!--  2.在遍历的过程中，获取索引值  -->
    <li v-for="(item,index) in names">{{index+1}}-{{item}}</li>
  </ul>

</div>
<script src="../js/vue.js"></script>
<script>
  const vm=new Vue({
    el:'#app',
    data:{
      message:'你好啊',
      names:['DYS','JRC','YHR','CJ','HSL']
    }
  })
</script>

</body>
</html>